<template>
    <!-- 打印地图 -->
    <mapPrint v-if="print.show"></mapPrint>
    <div class="mars3dMapBox">
        <!-- 地图主体 -->
        <mars3d class="mars3dBox" v-show="!print.printImgUrl" :style="print.show ? print.valStyle : {}" :class="print.show ? 'mars3dBoxprint' : ''"></mars3d>
        <!-- 顶部按钮组 -->
        <topBtn v-if="!print.show"></topBtn>
        <!-- 右键菜单 -->
        <cMenu v-if="store.contextMenu.isShow"></cMenu>
    </div>
</template>
<script setup lang="ts">
import mars3d from "./mars3d/mars3d.vue";
import topBtn from "@/views/topBtn.vue";
import cMenu from "@/components/contextMenu.vue";
import mapPrint from "@/views/mapPrint/mapPrint.vue";
import { useStore } from "@/stores/index1";
const store = useStore();
const print = store.tool.print;
</script>
<style scoped lang="scss">
.mars3dMapBox {
    background: rgb(204, 204, 204);
}
.mars3dBoxprint {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
</style>
